<template>
	<view class="Business">
		<statusBar />
		<!-- 设置 -->
		<view @tap="leftIndex" class="nav">
			<image src="../../static/setup/jiantou.png" mode=""></image>
			<view>设置-店铺设置-营业状态</view>
		</view>
		<view class="header">
			<!-- 停业中 -->
			<view class="closed">
				<view></view>
				<view>停业中</view>
			</view>
			<!-- 恢复营业 -->
			<view class="closeed1">
				恢复营业
			</view>
			<view class="resumption">恢复营业后，系统会根据营业时间自动切换营业中、 已打烊状态。 </view>
		</view>
	</view>
</template>
<script>
import { mapActions, mapState } from 'vuex';
import { toast } from '@/utils/toast';
import request from '@/utils/request';
import statusBar from '../../components/statusBar/statusBar.vue';
export default {
	data() {
		return {};
	},
	components: {
		statusBar
	},
	methods:{
		leftIndex(){
			uni.navigateBack({
			    delta: 1,
			
			});
		},
	}
};
</script> 
<style lang="scss" scoped>
	.Business{
		.nav {
			display: flex;
			align-items: center;
			padding: 50upx 30upx 31upx 30upx;
			background: $bg1-color;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 9999;
			
			image {
				width: 27upx;
				height: 30upx;
				display: flex;
			}
			& > view {
				font-size: 34upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
				margin-left: 30upx;
			}
		}
	 .header{
		 padding-top: 100upx;
	 }
	  .closed{
		  &>view:nth-child(1){
			  width:188upx;
			  height:188upx;
			  background:rgba(255,92,52,1);
			  border-radius:6upx;
			  margin: 88upx auto;
			  
		  }
		   &>view:nth-child(2){
			   font-size:42upx;
			   font-family:Source Han Sans CN;
			   font-weight:400;
			   color:$bg10-color;
			   text-align: center;
			   
		   }
	  }
	  .closeed1{
		  width: 75%;
		  height:92upx;
		  border:1upx solid rgba(153,153,153,1);
		  border-radius:6upx;
		  font-size:34upx;
		  font-family:Source Han Sans CN;
		  font-weight:400;
		  color:rgba(51,51,51,1);
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  margin-top: 112upx;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  margin-left: auto;
		  margin-right: auto;
		  
	  }
	  .resumption {
		   width: 75%;
		   margin: 29upx auto;
		   font-size:24upx;
		   font-family:Source Han Sans CN;
		   font-weight:400;
		   color:rgba(153,153,153,1);
	  }
	}
</style>